<template>
    <div> 
    <div class="gywmtop"><img src="@/assets/shape_u112.png" alt="">关于我们</div> 
    <div class="tupian"><div><img src="@/assets/u5578.svg"></div> <p>易阅读</p></div>
    <ul>
        <li>用户协议<img src="@/assets/形状结合_u5004.png" alt=""></li>
        <li>隐私政策<img src="@/assets/形状结合_u5004.png" alt=""></li>
    </ul>
    </div>
</template>
<script>
export default {
   data() {
      return {
      }
   },
   created(){
   },
   computed:{
   },
   methods:{
   },
}
</script>
<style lang="less" scoped>
.gywmtop{
    width: 100%;
    height:8rem;
    font-size: 2rem;
    font-weight: bold;
    padding-top:1rem ;
   
    img{
        margin-left:1rem ;
        margin-right: 13rem;
    } 
}
.tupian{
    width: 100%;
    height: 25rem;
    
   padding-top:4rem ;
   padding-left:3rem ;
    div{
        width: 14rem;
        height: 12rem;
       
        border-radius: 0.9rem;
        margin-left:9rem ;
        background-color: rgb(40, 208, 148);
        text-align: center;
        img{
            width: 8rem;
            padding-top:2rem ;
        }
    }
    p{
        font-size: 2.5rem;
        margin-left:12rem ;
    }
}
ul{
    width: 100%;
    height: 10rem;
  
    li{
        width: 100%;
        height: 5rem;
        margin-left: 1rem;
        font-size: 2.5rem;
        img{
            margin-left: 23rem;
        }
    }
}
</style>